<template>
  <div class="hidden-xs">
    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            <li>
              <router-link to="/">
                <i class="et_iconfont">&#xe61e;</i>&nbsp;首页
              </router-link>
            </li>
            <li class="dropdown">
              <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="et_iconfont">&#xe60c;</i>&nbsp;我要缴费<span class="caret"></span></a>
              <ul class="dropdown-menu" role="menu">
                <li>
                  <router-link to="/search">
                    <i class="et_iconfont">&#xe618;</i>&nbsp;交学费
                  </router-link>
                </li>
                <!-- <li>
                  <router-link to="/search">
                    <i class="et_iconfont">&#xe671;</i>&nbsp;交房租
                  </router-link>
                </li> -->
              </ul>
            </li>
            <li>
              <router-link to="/user_center">
                <i class="et_iconfont">&#xe600;</i>&nbsp;用户中心
              </router-link>
            </li>
            <li>
              <router-link to='/about_us'>
                <i class="et_iconfont">&#xe6a6;</i>&nbsp;关于我们
              </router-link>
            </li>
          </ul>
          <ul class="nav navbar-nav navbar-right">
            <li>
              <a href="tel:4008859993"><i class="et_iconfont">&#xe62d;</i>&nbsp;400-885-9993</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="hold70"></div>
  </div>
</template>

<script>
export default {
  name: 'NavBar'
}
</script>

<style>
</style>
